import React from 'react'
import TabbarBox from '../../components/tabbar'
import './index.scss'
import ToolsBox from './component/tools'
import userLogo from '../../images/base/userLogo.png'
import copyIcon from '../../images/base/copyIcon.png'
import mylogo from '../../images/base/mylogo.png'
import logout from '../../images/base/logout.png'
import whitleRight from '../../images/base/whitleRight.png'
 
function My() {
    return (
        <>
             <div className='page-box my-page'>
                <div className="user-info-box">
                    <img className="avatar-box" src={userLogo}></img>
                    <div className="user-txt-box">
                        <div className="user-name-option">
                            <div className="user-name">用户名称</div>
                                <img src={copyIcon} className="copy-icon"  />
                        </div>
                       <div className="tag-box">
                          <div className="tag-option">
                            <img className="tag-icon" src={mylogo} alt="" />
                            <span className="tag-name">等级:V8</span>
                         </div>
                       </div>
                    </div>
                    <img className="arrow-icon" src={logout} />
                </div>
                <div className="user-number-box">
                    <div className="top-right-txt">
                        <div className="txt">明细需去钱包看</div>
                        <img className="icon" src={whitleRight}  />
                    </div>

                    <div className="hint-txt">
                        资产中心
                    </div>
                     <div className="num-info-box">
                        <div className="num-item">
                            <div className="item-txt">COIN余额</div>
                            <div className="item-num">13,280.56</div>
                            <div></div>
                        </div>
                        <div className="border-item"></div>
                        <div className="num-item ">
                            <div className="item-txt num-item-left">USDT余额</div>
                            <div className="item-num num-item-left">2,080.35</div>
                        </div>
                    </div>
                     <div className="btn-txt">
                         <div className="txt">VAULT余额</div>
                         <div className="txt">2,080.35</div>
                    </div>
                </div>
               <ToolsBox></ToolsBox>
             </div>
             <TabbarBox activeName={3}></TabbarBox>
        </>
    )
}
export default My